<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scale=no">
<title>start</title>
<link href="../bootstrap331/css/bootstrap.min.css" rel="stylesheet" >
<link href="../css/global.css" rel="stylesheet">
<style type="text/css">
	body{
		background:#eee;		
	}
	p{margin:0px;}
	.order_item{
		background:#fff;
		border:0px;
		height:100px;
		width:100%;
		margin-bottom:5px;

	}
	.order_img{
		float:left;
		width:100px;
		height:100px;
		margin:0px;
		border:0px;
		padding:10px;
		
	}
	.order_content{
		height:100px;
		padding:10px;
		
		line-height:40px;
	
	}
	.totalprice{
		background:#FFF;
		line-height:30px;
		height:120px;
		padding-left:10px;
		padding-right:10px;
		margin-bottom:10px;
	}
	.commitbutton{
		background:#FC0;
		border:0px;
		width:90%;
	}
	.address_item{
		background:#fff;
		border:0px;
		height:100px;
		width:100%;
		margin-bottom:10px;
		padding
	}
	.address_content{
		height:100px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		line-height:30px;
		float:left;
			
	}
	.pay_method{
		background:#FFF;
		height:100px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		margin-bottom:10px;
		line-height:30px;
	}
</style>
</head>
<body>

    	<div class="row" style="margin:0px;">
        	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style=" padding:0px;">
            <form id="orderform" action="/order/commitorder">
            	<div class="address_item">
                	<div class="address_content">
                    	<p>叶欢</p>
                        <p>13647095225</p>
                        <p>湖滨南路2号银湖大厦4楼</p>
                        <input type="text" name="addresscode" value="122922" hidden="hidden">
                    </div>
                </div>
                <input type="text" name="customercode" value="" hidden="hidden">
            	<#list products as product>
	            	<div class="order_item">
	                	<div class="order_img">
	                    	<img src="../images/product_img.png"/>
	                    </div>
	                    <div class="order_content">
	                        <div style="height:40px;">
	                            <div style="float:left">${product.name}</div>
	                            <div style=" float:right;padding-right:10px;">数量:${product.amount}</div>
	                        </div>
	                        <div style="height:40px;"><strong style=" color:#FC0">${product.price}</strong>&nbsp;&nbsp;&nbsp;&nbsp;${product.spec}</div>
	                    </div>   
	                </div>
	                <input type="text" name="${product.code}" value="${product.amount}" hidden="hidden">
                </#list>

                <div class="totalprice">
                	<p>商品金额：${productprice}</p>
                    <p>优&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;惠：${youprice}</p>
                    <p>运&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：${deliverprice}</p>
                    <p>订单总额：<strong style=" color:#FC0">${totalprice}</strong></p>
                    
                </div>
                
                
                <div class="pay_method">
                	<p><input type="radio" name="pay_method" value="alipay" required>支付宝</p>
					<p><input type="radio" name="pay_method" value="wxpay" required>微信支付</p>
					<p><input type="radio" name="pay_method" value="offlinepay" required>货到付款</p>
                </div>
                <div style="width:100%; text-align:center; margin-bottom:20px;">
                	<input type="submit" class=" btn commitbutton" value="提交订单">
              	</div>
                
            </form>
            </div>
        </div> <!-- end row div-->

	
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../bootstrap331/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(e) {
		
		//提交订单的动作
        $(".commitbuttonb").click(function(e) {
            $("#orderform").submit();
        });
    });
	
	
</script>
</body>
</html>
